<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>装潢之家手机版</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="responsive/flexible.css">
    <script src="responsive/flexible.js"></script>
</head>
<body class="index">
<!--测试用注释-->
<div class="top">

    <!--header start-->
    <header>
        <div class="container">
            <a href="index.html" class="logo"><img src="img/logo.png" alt="装潢之家"></a>

            <a class="addr" href="tab_city.html">
                上海
            </a>


            <div class="header_search">
                <form action="search.html">
                    <input type="text" placeholder="输入商品，公司，设计师搜索" onfocus="window.location.href='search.html'">
                    <input type="submit" value="">
                </form>
            </div>

            <div class="clear"></div>
        </div>


    </header>
    <!--banner start-->
    <div class="wrapper">

            <ul class="hiSlider">
                <li class="hiSlider-item">
                    <a href="javascript:void(0)"><img src="img/index_banner.jpg" alt=""></a>
                </li>
                <li class="hiSlider-item">
                    <a href="javascript:void(0)"><img src="img/index_banner.jpg" alt=""></a>
                </li>
                <li class="hiSlider-item">
                    <a href="javascript:void(0)"><img src="img/index_banner.jpg" alt=""></a>
                </li>
            </ul>

    </div>
    <!--banner end-->
</div>



<!--hot group start-->
<section class="hot_group">
    <ul class="container">
        <li class="free"><a href="quote.html"><img src="img/qoute.png" alt="免费报价"></a>
            <p><a href="quote.html">免费报价</a></p>
        </li>
        <li class="free"><a href="bulter_service.html"><img src="img/bulter.png" alt="管家关系"></a>
            <p><a href="bulter_service.html">管家关系</a></p>
        </li>
        <li><a href="bidding.html"><img src="img/bidding.png" alt="招标竞标"></a>
            <p><a href="bidding.html">招标竞标</a></p>
        </li>
        <li><a href="activity.html"><img src="img/activity.png" alt="站内活动"></a>
            <p><a href="activity.html">站内活动</a></p>
        </li>
        <li><a href="company.html"><img src="img/decoration_com.png" alt="装潢公司"></a>
            <p><a href="company.html">装潢公司</a></p>
        </li>
        <li><a href="buil_ma.html"><img src="img/buil_ma.png" alt="建材"></a>
            <p><a href="buil_ma.html">建材</a></p>
        </li>
        <li><a href="javascript:void(0)"><img src="img/furniture.png" alt="家具"></a>
            <p><a href="javascript:void(0)">家具</a></p>
        </li>
        <li><a href="list.html"><img src="img/all.png" alt="全部分类"></a>
            <p><a href="list.html">全部分类</a></p>
        </li>
    </ul>
    <div class="clear"></div>

</section>
<!--hot group end-->

<!--notice area start-->
<div class="notice_area container">
    <strong>小知识</strong>
    <ul class="notice_wrapper">
        <li><a href="know_detail.html">111苏州雅信装饰是为网上人群提供装修...</a></li>
        <li><a href="know_detail.html">222苏州雅信装饰是为网上人群提供装修...</a> </li>
        <li><a href="know_detail.html">333苏州雅信装饰是为网上人群提供装修...</a></li>
    </ul>

</div>
<!--notice area end-->

<section class="product_groups">
    <!--rush-->
    <div class="rush">
        <div class="group_header">
            <img src="img/rush.png" alt="一元抢购">
            <strong>一元抢购</strong>

            <div class="round_info" id="round_info">
                <b id="time">16点场</b>
                <span id="hours">01</span>:
                <span id="minutes">02</span>:
                <span id="seconds">26</span>
            </div>
            <script>
                var elTime=document.getElementById("time");
                var elHours=document.getElementById("hours");
                var elMinutes=document.getElementById("minutes");
                var elSeconds=document.getElementById("seconds");

                var iIime=parseInt(elTime.innerHTML);

                var date=new Date();
                date.setHours(iIime);
                date.setMinutes("0");
                date.setSeconds("0");
                var iSetTime=date.getTime();

                setInterval(function(){
                    var iDisTime=(iSetTime-new Date().getTime())/1000;
                    if(iDisTime<=0){
                        return;
                    }
                    var iTotalMinutes=parseInt(iDisTime/60);
                    var iHours=parseInt(iTotalMinutes/60);
                    var iMinutes=iTotalMinutes-iHours*60;
                    var iSeconds=parseInt(iDisTime%60);
                    elHours.innerHTML=trans2TwoNums(iHours);
                    elMinutes.innerHTML=trans2TwoNums(iMinutes);
                    elSeconds.innerHTML=trans2TwoNums(iSeconds);
                },1000);


                function trans2TwoNums(val){
                    if(val.toString().length<2){
                        return "0"+val;
                    }else{
                        return val;
                    }
                }

            </script>
            <a href="rush_list.html" class="more">更多场次&gt;</a>
        </div>
        <ul class="container">
            <li>
                <div class="pic">
                    <a href="detail_pro_rush.html"><img src="img/rush.jpg" alt="简约现代粗麻布灯..."></a>
                </div>
                <div class="price"><em>￥<strong>1</strong></em><del>￥3668元</del></div>
                <div class="desc"><a href="detail_pro_rush.html">简约现代粗麻布灯...</a></div>
            </li>
            <li>
                <div class="pic">
                    <a href="detail_pro_rush.html"><img src="img/rush.jpg" alt="简约现代粗麻布灯..."></a>
                </div>
                <div class="price"><em>￥<strong>1</strong></em><del>￥3668元</del></div>
                <div class="desc"><a href="detail_pro_rush.html">简约现代粗麻布灯...</a></div>
            </li>
            <li>
                <div class="pic">
                    <a href="detail_pro_rush.html"><img src="img/rush.jpg" alt="简约现代粗麻布灯..."></a>
                </div>
                <div class="price"><em>￥<strong>1</strong></em><del>￥3668元</del></div>
                <div class="desc"><a href="detail_pro_rush.html">简约现代粗麻布灯...</a></div>
            </li>

        </ul>
        <div class="clear"></div>
    </div>


    <!--热门活动-->
    <div class="hot_activity">
        <div class="group_header">
            <img src="img/activity_s.png" alt="热门活动">
            <strong>热门活动</strong>

            <span class="prompt">实时最新热门活动!</span>
            <a href="activity.html" class="more">更多活动&gt;</a>
        </div>

        <div class="content pro wrapper">
            <div class="left small_pic">
                <a href="javascript:void(0)">
                    <img src="img/activity_s_1.jpg" alt="热门活动">
                </a>
                <a href="javascript:void(0)">
                    <img src="img/activity_s_2.jpg" alt="热门活动">
                </a>
            </div>
            <div class="right big_pic">
                <a href="javascript:void(0)"><img src="img/activity_s_3.jpg" alt="热门活动"></a>
            </div>

        </div>
        <div class="clear"></div>
    </div>


    <!--效果图-->
    <div class="effect">
        <div class="group_header">
            <img src="img/effect.png" alt="效果图">
            <strong>效果图</strong>
            <a href="effect_list.html" class="more">查看更多&gt;</a>
        </div>
        <div class="effect_pics container">
            <ul class="tab_pages" id="effect">
                <li class="active">
                    <a href="effect_detail.html">
                        <img src="img/effect.jpg" alt="效果图">
                        <div class="info">
                            <h3>原始风情艺术家居设计</h3>
                            <h4>这是一种生活态度</h4>
                            <p>132方欧式三居室     5.2万</p>


                        </div>
                    </a>
                </li>
                <li>
                    <a href="effect_detail.html">
                        <img src="img/effect.jpg" alt="效果图">
                        <div class="info">
                            <h3>原始风情艺术家居设计</h3>
                            <h4>这是一种生活态度</h4>
                            <p>132方欧式三居室     5.2万</p>


                        </div>
                    </a>
                </li>
                <li>
                    <a href="effect_detail.html">
                        <img src="img/effect.jpg" alt="效果图">
                        <div class="info">
                            <h3>原始风情艺术家居设计</h3>
                            <h4>这是一种生活态度</h4>
                            <p>132方欧式三居室     5.2万</p>


                        </div>
                    </a>
                </li>
            </ul>
            <div class="clear"></div>
            <ul class="tab_btns" for="#effect">
                <li class="active">
                    <img src="img/effect.jpg" alt="">
                </li>
                <li>
                    <img src="img/effect.jpg" alt="">
                </li>
                <li>
                    <img src="img/effect.jpg" alt="">
                </li>
            </ul>
            <div class="clear"></div>
        </div>

    </div>

    <!--设计师-->
    <div class="designer">
        <div class="group_header">
            <img src="img/designer.png" alt="设计师">
            <strong>设计师</strong>
            <a href="designer_list.html" class="more">查看更多&gt;</a>
        </div>

        <div class="desingers container">
            <ul>
                <li><a href="designer_detail.html"><img src="img/desinger.jpg" alt=""></a></li>
                <li><a href="designer_detail.html"><img src="img/designer.jpg" alt=""></a></li>
                <li><a href="designer_detail.html"><img src="img/designer-08.jpg" alt=""></a></li>
                <li><a href="designer_detail.html"><img src="img/designer_1.jpg" alt=""></a></li>
                <li><a href="designer_detail.html"><img src="img/designer_1.jpg" alt=""></a></li>
                <li><a href="designer_detail.html"><img src="img/desinger-11.jpg" alt=""></a></li>

            </ul>
            <div class="clear"></div>
        </div>
    </div>

    <!--装潢公司-->
    <div class="deco_company">
        <div class="group_header">
            <img src="img/deco_com.png" alt="装潢公司">
            <strong>装潢公司</strong>
            <a href="javascript:void(0);" class="more">查看更多&gt;</a>
        </div>

        <ul class="companys container">
            <li><a href="javascript:void(0)"><img src="img/company.jpg" alt=""></a></li>
            <li><a href="javascript:void(0)"><img src="img/company-13.jpg" alt=""></a></li>
            <li><a href="javascript:void(0)"><img src="img/company-14.jpg" alt=""></a></li>
            <li><a href="javascript:void(0)"><img src="img/company-15.jpg" alt=""></a></li>
            <li><a href="javascript:void(0)"><img src="img/company-15.jpg" alt=""></a></li>
            <li><a href="javascript:void(0)"><img src="img/company-16.jpg" alt=""></a></li>
            <li><a href="javascript:void(0)"><img src="img/company-17.jpg" alt=""></a></li>
            <li><a href="javascript:void(0)"><img src="img/company-19.jpg" alt=""></a></li>
            <li><a href="javascript:void(0)"><img src="img/company-20.jpg" alt=""></a></li>


        </ul>
        <div class="clear"></div>
    </div>

    <!--建材-->
    <div class="buil_ma">
        <div class="group_header">
            <img src="img/buil_ma_s.png" alt="建材">
            <strong>建材</strong>
            <ul class="tab_btns" for="#buil_ma">
                <li class="active">灯具</li>
                <li>厨卫</li>
                <li>五金</li>
                <li>装饰</li>
            </ul>
            <a href="buil_ma.html" class="more">查看更多&gt;</a>
        </div>
        <ul class="tab_pages wrapper" id="buil_ma">
            <li class="active">
                <a href="javascript:void(0);"><img src="img/bul_ma.jpg" alt=""></a>
                <a href="javascript:void(0);"><img src="img/bul_ma-22.jpg" alt=""></a>
                <a href="javascript:void(0)"><img src="img/bul_ma-23.jpg" alt=""></a>
            </li>
            <li>
                <a href="javascript:void(0);"><img src="img/bul_ma.jpg" alt=""></a>
                <a href="javascript:void(0);"><img src="img/bul_ma-22.jpg" alt=""></a>
                <a href="javascript:void(0)"><img src="img/bul_ma-23.jpg" alt=""></a>
            </li>
            <li>
                <a href="javascript:void(0);"><img src="img/bul_ma.jpg" alt=""></a>
                <a href="javascript:void(0);"><img src="img/bul_ma-22.jpg" alt=""></a>
                <a href="javascript:void(0)"><img src="img/bul_ma-23.jpg" alt=""></a>
            </li>
            <li>
                <a href="javascript:void(0);"><img src="img/bul_ma.jpg" alt=""></a>
                <a href="javascript:void(0);"><img src="img/bul_ma-22.jpg" alt=""></a>
                <a href="javascript:void(0)"><img src="img/bul_ma-23.jpg" alt=""></a>
            </li>
        </ul>
        <div class="clear"></div>
    </div>


    <!--家具-->
    <div class="furniture">
        <div class="group_header">
            <img src="img/furniture_s.png" alt="家具">
            <strong>家具</strong>
            <ul class="tab_btns" for="#furniture">
                <li class="active">客厅</li>
                <li>餐厅</li>
                <li>卧室</li>
                <li>儿童房</li>
            </ul>
            <a href="javascript:void(0)" class="more">查看更多&gt;</a>
        </div>

        <ul class="tab_pages wrapper" id="furniture">
            <li class="active">
                <a href="javascript:void(0);"><img src="img/furniture_2.jpg" alt=""></a>
                <a href="javascript:void(0);"><img src="img/furniture-25.jpg" alt=""></a>
                <a href="javascript:void(0)"><img src="img/furniture-26.jpg" alt=""></a>
            </li>
            <li>
                <a href="javascript:void(0);"><img src="img/furniture_2.jpg" alt=""></a>
                <a href="javascript:void(0);"><img src="img/furniture-25.jpg" alt=""></a>
                <a href="javascript:void(0)"><img src="img/furniture-26.jpg" alt=""></a>
            </li>
            <li>
                <a href="javascript:void(0);"><img src="img/furniture_2.jpg" alt=""></a>
                <a href="javascript:void(0);"><img src="img/furniture-25.jpg" alt=""></a>
                <a href="javascript:void(0)"><img src="img/furniture-26.jpg" alt=""></a>
            </li>
        </ul>
        <div class="clear"></div>
    </div>

    <!--电器-->
    <div class="electric">
        <div class="group_header">
            <img src="img/electric.png" alt="电器">
            <strong>电器</strong>
            <ul class="tab_btns" for="#electric">
                <li class="active">空调</li>
                <li>冰箱</li>
                <li>热水器</li>
            </ul>
            <a href="javascript:void(0)" class="more">查看更多&gt;</a>
        </div>

        <ul class="tab_pages wrapper" id="electric">
            <li class="active">
                <a href="javascript:void(0);"><img src="img/electric.jpg" alt=""></a>
                <a href="javascript:void(0);"><img src="img/electric-28.jpg" alt=""></a>
                <a href="javascript:void(0)"><img src="img/electric-29.jpg" alt=""></a>
            </li>
            <li>
                <a href="javascript:void(0);"><img src="img/electric.jpg" alt=""></a>
                <a href="javascript:void(0);"><img src="img/electric-28.jpg" alt=""></a>
                <a href="javascript:void(0)"><img src="img/electric-29.jpg" alt=""></a>
            </li>
            <li>
                <a href="javascript:void(0);"><img src="img/electric.jpg" alt=""></a>
                <a href="javascript:void(0);"><img src="img/electric-28.jpg" alt=""></a>
                <a href="javascript:void(0)"><img src="img/electric-29.jpg" alt=""></a>
            </li>
        </ul>
        <div class="clear"></div>
    </div>

    <!--装饰摆件-->
    <div class="decoration">
        <div class="group_header">
            <img src="img/vase.png" alt="装饰摆件">
            <strong>装饰摆件</strong>
            <ul class="tab_btns" for="#decoration">
                <li class="active">花瓶</li>
                <li>壁画</li>
                <li>墙饰</li>
            </ul>
            <a href="javascript:void(0)" class="more">查看更多&gt;</a>
        </div>

        <ul class="tab_pages wrapper" id="decoration">
            <li class="active">
                <a href="javascript:void(0);"><img src="img/deco.jpg" alt=""></a>
                <a href="javascript:void(0);"><img src="img/deco-31.jpg" alt=""></a>
                <a href="javascript:void(0)"><img src="img/deco-32.jpg" alt=""></a>
            </li>
            <li>
                <a href="javascript:void(0);"><img src="img/deco.jpg" alt=""></a>
                <a href="javascript:void(0);"><img src="img/deco-31.jpg" alt=""></a>
                <a href="javascript:void(0)"><img src="img/deco-32.jpg" alt=""></a>
            </li>
            <li>
                <a href="javascript:void(0);"><img src="img/deco.jpg" alt=""></a>
                <a href="javascript:void(0);"><img src="img/deco-31.jpg" alt=""></a>
                <a href="javascript:void(0)"><img src="img/deco-32.jpg" alt=""></a>
            </li>
        </ul>
        <div class="clear"></div>
    </div>

    <!--家纺-->
    <div class="hometextile">
        <div class="group_header">
            <img src="img/home_textile.png" alt="家纺">
            <strong>家纺</strong>
            <ul class="tab_btns" for="#hometextile">
                <li class="active">棉被</li>
                <li>四件套</li>
                <li>窗帘</li>
                <li>地垫</li>
            </ul>
            <a href="javascript:void(0)" class="more">查看更多&gt;</a>
        </div>

        <ul class="tab_pages wrapper" id="hometextile">
            <li class="active">
                <a href="javascript:void(0);"><img src="img/home_textile.jpg" alt=""></a>
                <a href="javascript:void(0);"><img src="img/home_textile-34.jpg" alt=""></a>
                <a href="javascript:void(0)"><img src="img/home_textile-35.jpg" alt=""></a>
            </li>
            <li>
                <a href="javascript:void(0);"><img src="img/home_textile.jpg" alt=""></a>
                <a href="javascript:void(0);"><img src="img/home_textile-34.jpg" alt=""></a>
                <a href="javascript:void(0)"><img src="img/home_textile-35.jpg" alt=""></a>
            </li>
            <li>
                <a href="javascript:void(0);"><img src="img/home_textile.jpg" alt=""></a>
                <a href="javascript:void(0);"><img src="img/home_textile-34.jpg" alt=""></a>
                <a href="javascript:void(0)"><img src="img/home_textile-35.jpg" alt=""></a>
            </li>
            <li>
                <a href="javascript:void(0);"><img src="img/home_textile.jpg" alt=""></a>
                <a href="javascript:void(0);"><img src="img/home_textile-34.jpg" alt=""></a>
                <a href="javascript:void(0)"><img src="img/home_textile-35.jpg" alt=""></a>
            </li>
        </ul>
        <div class="clear"></div>
    </div>

    <!--绿化-->
    <div class="greening">
        <div class="group_header">
            <img src="img/greening.png" alt="绿化">
            <strong>绿化</strong>
            <ul class="tab_btns" for="#greening">
                <li class="active">鲜花</li>
                <li>绿植</li>
                <li>多肉</li>
                <li>园艺工具</li>
            </ul>
            <a href="javascript:void(0)" class="more">查看更多&gt;</a>
        </div>

        <ul class="tab_pages wrapper" id="greening">
            <li class="active">
                <a href="javascript:void(0);"><img src="img/greening.jpg" alt=""></a>
                <a href="javascript:void(0);"><img src="img/greening-37.jpg" alt=""></a>
                <a href="javascript:void(0)"><img src="img/greening-38.jpg" alt=""></a>
            </li>
            <li>
                <a href="javascript:void(0);"><img src="img/greening.jpg" alt=""></a>
                <a href="javascript:void(0);"><img src="img/greening-37.jpg" alt=""></a>
                <a href="javascript:void(0)"><img src="img/greening-38.jpg" alt=""></a>
            </li>
            <li>
                <a href="javascript:void(0);"><img src="img/greening.jpg" alt=""></a>
                <a href="javascript:void(0);"><img src="img/greening-37.jpg" alt=""></a>
                <a href="javascript:void(0)"><img src="img/greening-38.jpg" alt=""></a>
            </li>
            <li>
                <a href="javascript:void(0);"><img src="img/greening.jpg" alt=""></a>
                <a href="javascript:void(0);"><img src="img/greening-37.jpg" alt=""></a>
                <a href="javascript:void(0)"><img src="img/greening-38.jpg" alt=""></a>
            </li>
        </ul>
        <div class="clear"></div>
    </div>


    <!--随便逛逛-->
    <div class="see_free">
        <div class="group_header">
            <strong>随便逛逛</strong>
            <ul class="tab_btns right" for="#see_free">
                <li class="active">热门排行</li>
                <li>热门店铺</li>
            </ul>
        </div>

        <ul class="tab_pages container" id="see_free">
            <li class="active">
                <dl>
                    <dt><a href="javascript:void(0);"><img src="img/see_1.jpg" alt=""></a></dt>
                    <dd>
                        <div class="price price2">
                            <em>￥<b>368</b></em>
                        </div>
                        <a href="javascript:void(0)">米爱优情侣睡衣女秋男士棉...</a>
                    </dd>
                </dl>
                <dl>
                    <dt><a href="javascript:void(0);"><img src="img/see_2.jpg" alt=""></a></dt>
                    <dd>
                        <div class="price price2">
                            <em>￥<b>368</b></em>
                        </div>
                        <a href="javascript:void(0)">米爱优情侣睡衣女秋男士棉...</a>
                    </dd>
                </dl>
                <dl>
                    <dt><a href="javascript:void(0);"><img src="img/see_3.jpg" alt=""></a></dt>
                    <dd>
                        <div class="price price2">
                            <em>￥<b>368</b></em>
                        </div>
                        <a href="javascript:void(0)">米爱优情侣睡衣女秋男士棉...</a>
                    </dd>
                </dl>
                <dl>
                    <dt><a href="javascript:void(0);"><img src="img/see_4.jpg" alt=""></a></dt>
                    <dd>
                        <div class="price price2">
                            <em>￥<b>368</b></em>
                        </div>
                        <a href="javascript:void(0)">米爱优情侣睡衣女秋男士棉...</a>
                    </dd>
                </dl>
                <dl>
                    <dt><a href="javascript:void(0);"><img src="img/see_5.jpg" alt=""></a></dt>
                    <dd>
                        <div class="price price2">
                            <em>￥<b>368</b></em>
                        </div>
                        <a href="javascript:void(0)">米爱优情侣睡衣女秋男士棉...</a>
                    </dd>
                </dl>
                <dl>
                    <dt><a href="javascript:void(0);"><img src="img/see_6.jpg" alt=""></a></dt>
                    <dd>
                        <div class="price price2">
                            <em>￥<b>368</b></em>
                        </div>
                        <a href="javascript:void(0)">米爱优情侣睡衣女秋男士棉...</a>
                    </dd>
                </dl>
            </li>
            <li>
                <dl>
                    <dt><a href="javascript:void(0);"><img src="img/see_1.jpg" alt=""></a></dt>
                    <dd>
                        <div class="price price2">
                            <em>￥<b>368</b></em>
                        </div>
                        <a href="javascript:void(0)">1米爱优情侣睡衣女秋男士棉...</a>
                    </dd>
                </dl>
                <dl>
                    <dt><a href="javascript:void(0);"><img src="img/see_2.jpg" alt=""></a></dt>
                    <dd>
                        <div class="price price2">
                            <em>￥<b>368</b></em>
                        </div>
                        <a href="javascript:void(0)">1米爱优情侣睡衣女秋男士棉...</a>
                    </dd>
                </dl>
                <dl>
                    <dt><a href="javascript:void(0);"><img src="img/see_3.jpg" alt=""></a></dt>
                    <dd>
                        <div class="price price2">
                            <em>￥<b>368</b></em>
                        </div>
                        <a href="javascript:void(0)">1米爱优情侣睡衣女秋男士棉...</a>
                    </dd>
                </dl>
                <dl>
                    <dt><a href="javascript:void(0);"><img src="img/see_4.jpg" alt=""></a></dt>
                    <dd>
                        <div class="price price2">
                            <em>￥<b>368</b></em>
                        </div>
                        <a href="javascript:void(0)">1米爱优情侣睡衣女秋男士棉...</a>
                    </dd>
                </dl>
                <dl>
                    <dt><a href="javascript:void(0);"><img src="img/see_5.jpg" alt=""></a></dt>
                    <dd>
                        <div class="price price2">
                            <em>￥<b>368</b></em>
                        </div>
                        <a href="javascript:void(0)">1米爱优情侣睡衣女秋男士棉...</a>
                    </dd>
                </dl>
                <dl>
                    <dt><a href="javascript:void(0);"><img src="img/see_6.jpg" alt=""></a></dt>
                    <dd>
                        <div class="price price2">
                            <em>￥<b>368</b></em>
                        </div>
                        <a href="javascript:void(0)">1米爱优情侣睡衣女秋男士棉...</a>
                    </dd>
                </dl>
            </li>
        </ul>
        <div class="clear"></div>
    </div>
</section>



<div class="fix_nav">
    <div class="wrapper">
        <ul class="container">
            <li>
                <a href="index.html" class="home active">
                    首页
                </a>
            </li>
            <li>
                <a href="list.html" class="class">
                    分类
                </a>
            </li>
            <li>
                <a href="activity.html" class="activity_center">
                    活动中心
                </a>
            </li>
            <li>
                <a href="cart.html" class="cart"><span>99</span>
                    购物车
                </a>
            </li>
            <li>
                <a href="vip.html" class="mine"><span></span>
                    我的
                </a>
            </li>
        </ul>

    </div>

</div>

</body>
<script src="js/jquery.js"></script>
<script src="js/jquery.hiSlider.min.js"></script>
<script src="js/jquery.SuperSlide.2.1.2.js"></script>
<script src="js/common.js"></script>
<script>
    $(function(){



        /*banner animation*/
        $('.hiSlider').hiSlider({
            mode: 'fade',
            isSupportTouch: true,
            isShowTitle: false,
            titleAttr: function(curIdx){
                return $('img', this).attr('alt');
            }
        });

        $(".notice_area").slide({
            autoPage:true,
            mainCell: ".notice_wrapper",
            effect: "topLoop",
            autoPlay: true,
            vis: "auto",
            scroll: 1,
            easing: "easeInOutQuad",
            interTime: 3000
        });
    });

</script>
</html>